<template>
  <div class="list-table noPad" style="margin-bottom:50px;">
    <el-tabs v-model="view" @tab-click="handleClick">
      <el-tab-pane :label="$t('电脑端菜单管理')" name="pcMenuList">
        <pcMenuList />
      </el-tab-pane>
      <el-tab-pane :label="$t('移动端菜单管理')" name="mobileMenuList">
        <mobileMenuList />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import pcMenuList from './index.vue'
  import mobileMenuList from './mobileMenuList.vue'

  export default {
    components: {
      pcMenuList,
      mobileMenuList
    },
  data() {
    return {
      // 展示视图
      view: 'pcMenuList'
    }
  },
  created() {

  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>
